$(function() {
    //获取图表数据
    var indexData = localStorage.getItem('monthValue')
    $.ajax({
        type: "GET",
        url: "http://ansocialsale.frpgz1.idcfengye.com/predictmonth",
        // dataType: 'jsonp', 
        contentType: "application/json",
        data: {
            index: indexData
        },
        dataType: "json",
        success: function(res) {
            setTimeout(() => {
                layer.closeAll("loading");
                var xAxisData = res.xAxis.data;
                var trueData = res.ytrue[0].data;
                var forecast = res.ypredict[0].data
                    // $('.true-data').html('实际值：'+res.ytrue[0].data[(res.ytrue[0].data.length)-1])
                $('.forecast-data').html('预测值：' + res.ypredict[0].data[(res.ypredict[0].data.length) - 1])
                var option = {
                    tooltip: {
                        trigger: 'axis'
                    },
                    xAxis: [{
                        type: 'category',
                        data: xAxisData
                    }],
                    yAxis: [{
                        type: 'value',
                        name: '单位/%',
                        axisLabel: {
                            formatter: '{value} '
                        }
                    }],
                    legend: {
                        orient: 'vertical',
                        right: '0',
                        top: "18px",
                        data: ['实际数据', '预测数据']
                    },
                    series: [

                        {
                            name: '实际数据',
                            type: 'line',
                            smooth: false,
                            itemStyle: { /*设置折线颜色*/
                                normal: {
                                    color: '#F47262'
                                }
                            },
                            data: trueData
                        },
                        {
                            name: '预测数据',
                            type: 'line',
                            color: ['#37ad99'],
                            itemStyle: {
                                normal: {
                                    lineStyle: {
                                        width: 2,
                                        color: '#37ad99',
                                        type: 'dotted' //'dotted'虚线 'solid'实线
                                    },
                                }
                            },
                            data: forecast
                        }
                    ]
                };
                // 基于准备好的dom，初始化echarts实例
                var myChart = echarts.init(document.getElementById('main'));
                // 使用刚指定的配置项和数据显示图表。 
                myChart.setOption(option);
            }, 3000);
        }
    });
    layui.use('layer', function() {
        var layer = layui.layer;
        layer.ready(function() {
            layer.load(2);
        });
    });
})